<!DOCTYPE html>
<html>
<head>
    <title>督察问题标准表</title>
    <#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/standard.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/index.css">
    <script src="${request.contextPath}/statics/plugins/element/index.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="bzwt-tab">
        <div class="bzwt-detail-title">
            <h2>督察大类</h2>
            <a class="aAdd fRight fontMl" @click="firstAddShowFlag = true" href="#">添加大类</a>
            <el-dialog title="添加大类" width="500px" height="300px" :visible.sync="firstAddShowFlag">
                <el-form :model="form" size="small">
                    <el-form-item label="新增内容：">
                        <el-input v-model="firstKindSubmitForm.questionDescription" autocomplete="off" style="width:300px;"></el-input>
                    </el-form-item>
                    <el-form-item label="内容编号：">
                        <el-label>{{addFirstKindDetailData.code}} 系统分配</el-label>
                    </el-form-item>
                    <el-form-item label="创建时间：">
                        <el-label>{{addFirstKindDetailData.createTime | formatterTime}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建单位：">
                        <el-label>{{addFirstKindDetailData.deptName}}</el-label>
                    </el-form-item>
                    <el-form-item label="标准级别：">
                        <el-label>{{addFirstKindDetailData.deptLevel}}</el-label>
                    </el-form-item>
                    <el-form-item label="默认状态：" >
                        <el-label>默认启动</el-label>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="cancelFirstAdd">取 消</el-button>
                    <el-button type="primary" @click="saveFirstKind">确 定</el-button>
                </div>
            </el-dialog>
            <el-dialog title="添加小类" width="500px" height="300px" :visible.sync="secondAddShowFlag">
                <el-form :model="form" size="small">
                    <el-form-item label="新增内容：" >
                        <el-input v-model="secondKindSubmitForm.questionDescription" autocomplete="off" style="width:300px;"></el-input>
                    </el-form-item>
                    <el-form-item label="内容编号：" >
                        <el-label>{{addSecondKindDetailData.code}} 系统分配</el-label>
                    </el-form-item>
                    <el-form-item label="创建时间：" >
                        <el-label>{{addSecondKindDetailData.createTime | formatterTime}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建单位：" >
                        <el-label>{{addSecondKindDetailData.deptName}}</el-label>
                    </el-form-item>
                    <el-form-item label="标准级别：" >
                        <el-label>{{addSecondKindDetailData.deptLevel}}</el-label>
                    </el-form-item>
                    <el-form-item label="状态：" >
                        <el-label>默认启动</el-label>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="cancelSecondAdd">取 消</el-button>
                    <el-button type="primary" @click="saveSecondKind">确 定</el-button>
                </div>
            </el-dialog>
            <el-dialog title="添加子类" width="500px" height="300px" :visible.sync="centerAddShowFlag">
                <el-form :model="form" size="small">
                    <el-form-item label="新增内容：" >
                        <el-input v-model="centerKindSubmitForm.questionDescription" autocomplete="off"  style="width:300px;"></el-input>
                    </el-form-item>
                    <el-form-item label="内容编号：" >
                        <el-label>{{addCenterKindDetailData.code}} 系统分配</el-label>
                    </el-form-item>
                    <el-form-item label="创建时间：" >
                        <el-label>{{addCenterKindDetailData.createTime | formatterTime}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建单位：" >
                        <el-label>{{addCenterKindDetailData.deptName}}</el-label>
                    </el-form-item>
                    <el-form-item label="标准级别：" >
                        <el-label>{{addCenterKindDetailData.deptLevel}}</el-label>
                    </el-form-item>
                    <el-form-item label="状态：" >
                        <el-label>默认启动</el-label>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="cancelCenterAdd">取 消</el-button>
                    <el-button type="primary" @click="saveCenterKind">确 定</el-button>
                </div>
            </el-dialog>
            <el-dialog title="添加检查项" width="500px" height="300px" :visible.sync="rightAddShowFlag">
             <!--   <label class="sfgxmb" for="sfgxmb3"
                       @change="updateTpl('3')"
                       style="float: right"><input id="sfgxmb3"
                                                   type="checkbox">是否更新模板</label>-->
                <el-form :model="rightKindSubmitForm" size="small">
                    <el-form-item label="新增内容：" >
                        <el-input v-model="rightKindSubmitForm.questionDescription" autocomplete="off"  style="width:300px;"></el-input>
                    </el-form-item>
                    <el-form-item label="内容编号：" >
                        <el-label>{{addRightKindDetailData.code}} 系统分配</el-label>
                    </el-form-item>
                    <el-form-item label="创建时间：" >
                        <el-label>{{addRightKindDetailData.createTime | formatterTime}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建单位：" >
                        <el-label>{{addRightKindDetailData.deptName}}</el-label>
                    </el-form-item>
                    <el-form-item label="标准级别：" >
                        <el-label>{{addRightKindDetailData.deptLevel}}</el-label>
                    </el-form-item>
                    <el-form-item label="状态：" >
                        <el-label>默认启动</el-label>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="cancelJcxAdd">取 消</el-button>
                    <el-button type="primary" @click="saveRightKind">确 定</el-button>
                </div>
            </el-dialog>
            <el-dialog title="详情" width="500px" height="300px" :visible.sync="rightDetailShowFlag">
                <el-form :model="form" size="small">
                    <el-form-item label="内容详情：" >
                        <el-label>{{rightKindDetailData.questionDescription}}</el-label>
                    </el-form-item>

                    <el-form-item label="内容编号：" >
                        <el-label>{{rightKindDetailData.sbdm}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建时间：" >
                        <el-label>{{rightKindDetailData.createTime | formatterTime}}</el-label>
                    </el-form-item>
                    <el-form-item label="创建单位：" >
                        <el-label>{{rightKindDetailData.depName}}</el-label>
                    </el-form-item>
                    <el-form-item label="标准级别：" >
                        <el-label>{{rightKindDetailData.bLevel | formatterBLevel}}</el-label>
                    </el-form-item>
                    <el-form-item label="详情状态：" >
                        <el-label>{{rightKindDetailData.status}}</el-label>
                    </el-form-item>

                    <el-form-item label="问题发生率：" >
                        <div class="right-info-content">
                            <el-progress :stroke-width="10" percentage="10" color="#FFD1A4" style="width:300px;display:inline-block;"></el-progress>
                            <!--<span class="current-percent-num">{{rightCountData.incidenceTate}}%</span>
                            <span class="full-percent percent-bar"></span>
                            <span class="current-percent percent-bar"></span>-->
                        </div>
                    </el-form-item>

                    <el-form-item label="二次发生率：" >
                        <div class="right-info-content">
                            <el-progress :stroke-width="10" percentage="10" color="#FF7575" style="width:300px;display:inline-block;"></el-progress>
                            <!--<span class="current-percent-num">{{rightCountData.repetitionRate}}%</span>
                            <span class="full-percent percent-bar"></span>
                            <span class="current-percent percent-bar"></span>-->
                        </div>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="rightDetailShowFlag = false">取 消</el-button>
                </div>
            </el-dialog>
            <a class="aSearch fRight fontMl" @click="dialogFormSearch = true" href="#">搜索</a>
            <el-dialog title="搜索检查项" width="500px" height="300px" :visible.sync="dialogFormSearch">
                <el-form :model="formSearch">
                    <el-input v-model="form.name" placeholder="请输入检查项" autocomplete="off"></el-input>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormSearch = false">取 消</el-button>
                    <el-button type="primary" @click="dialogFormSearch = false">确 定</el-button>
                </div>
            </el-dialog>
        </div>
        <template>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane v-for="(firstKind , index) in firstKindData" :name="index" :label="firstKind.yjmlmc">
                </el-tab-pane>
            </el-tabs>
        </template>
    </div>
    <div class="bzwt-detail">
        <ul>
            <li>
                <div>
                    <div class="clear">
                        <ul class="time-vertical">
                            <li>
                                <b></b>
                                <div>
                                    <div class="bzwt-detail-title">
                                        <h3>督察小类</h3>
                                        <a class="aAdd fRight fontMl" href="#" @click="addSecondKind">添加小类</a>
                                    </div>
                                    <div>
                                        <ul class="bzwt-dcjg bzwt-dcxl">
                                            <li @click="selectSecondKind(index)" :class="{'bzwtLiChoose':index==secondActive}"
                                                v-for="(secondKind , index) in secondKindData" :key="secondKind.id">
                                                {{secondKind.ejmlmc}}<span :class="{'spanDel disBLock disNone':index==secondActive}">×</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <b></b>
                                <div>
                                    <div class="bzwt-detail-title">
                                        <h3>督察子类</h3>
                                        <a class="aAdd fRight fontMl" href="#" @click="addCenterKind">添加子类</a>
                                    </div>
                                    <div>
                                        <ul class="bzwt-dcjg bzwt-dczl">
                                            <li @click="selectCenterKind(index)" :class="{'bzwtLiChoose':index==centerActive}"
                                                v-for="(centerKind , index) in centerKindData" :key="centerKind.id">
                                                <div>
                                                    <font class="bzwt-hiddenLong">{{centerKind.sjmlmc}}</font>
                                                    <font>编号：{{centerKind.sbdm}}</font>
                                                </div>
                                                <div>
                                                    <font>创建共{{centerKind.childrenNum}}个检查项</font>
                                                    <font>{{centerKind.createTime | formatterTime}}</font>
                                                    <span class="bzwt-sb" :class="{'bzwt-sbChoose':index==centerActive}">{{centerKind.bLevel | formatterBLevel}}</span>
                                                </div>
                                                <span :class="{'spanDel disBLock':index==centerActive}">×</span>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <b></b>
                                <div>
                                    <div class="bzwt-detail-title">
                                        <h3>检查项</h3>
                                        <a class="aAdd fRight fontMl" href="#" @click="addRightKind">添加检查项</a>
                                    </div>
                                    <div>
                                        <ul class="bzwt-dcjg bzwt-dczl">
                                            <li @click="selectRightKind(index)" v-for="(rightKind , index) in rightKindData" :key="rightKindData.id" :class="{'bzwtLiChoose':index==rightActive,'disNone':index==delSecondActive}">
                                                <div>
                                                    <font class="bzwt-hiddenLong">{{rightKind.questionDescription}}</font>
                                                    <font>编号：{{rightKind.sbdm}}</font>
                                                </div>
                                                <div>
                                                    <!--<font>创建共个检查项</font>-->
                                                    <font>{{rightKind.createTime | formatterTime}}</font>
                                                    <span class="bzwt-sb" :class="{'bzwt-sbChoose':index==rightActive}">{{rightKind.bLevel | formatterBLevel}}</span>
                                                    <a href="#" @click="getRightDetailsData(index)">查看详情</a>
                                                </div>
                                                <span :class="{'spanDel disBLock':index==rightActive}" @click="delRight(index)">×</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/business/supervisestandard.js?_${.now?long}"></script>
<style>
    /*为了兼容ie样式*/
    .left-box, .center-box, .right-box {
        width: 33%;
        display: inline-block;
        float: left;
    }

    .center-kind-right {
        position: absolute;
        right: 0;
        top: 10px;
    }

    .right-kind-right {
        position: absolute;
        right: 0;
        top: 10px;
    }

    .right-kind-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: '.';
    }

    .right-kind-list {
        zoom: 1;
    }

    .right-info-box {
        background: #fff;
    }

    .right-kind-middle {
        margin-top: 0 \9;
    }

    /*只适合ie9*/
</style>
</body>
</html>